import { createRouter,createWebHashHistory } from "vue-router"
// 配置路由地址  给首页和移动端首页
//路由引入组件有两种方式
//1.直接引用
import Home from "../views/Home.vue"
//1.配置路由规则 对象数组
const routes=[
    {
        path:'/',//页面访问地址 '/'是默认访问地址,一般为首页
        name:'home',
        component: Home

},{
    path: '/moveShop',
    name: 'moveShop',
    component: ()=> import('../views/MoveShop.vue')
     // 动态引入组件，打包时会把所有路由打包到一起，减少初次加载时间
},
{
    path: '/find',
    name: 'find',
    component: () => import('../views/wangyiyun/Find.vue'), // 动态引入组件，打包时会把所有路由打包到一起，减少初次加载时间
    meta: { title: '发现音乐' }, // 给路由添加元信息，可以在路由守卫中使用
    children: [
        {
            path: 'recommend',
            name: 'recommend',
            component: () => import('../views/wangyiyun/finds/Discover.vue'),
            meta: { title: '推荐' }, // 给路由添加元信息，可以在路由守卫中使用
        children: [
           
        ]

        },
        {
            path: 'songs',
            name: 'songs',
            component: () => import('../views/wangyiyun/finds/Songs.vue'),
            meta: { title: '歌单' } // 给路由添加元信息，可以在路由守卫中使用
        },
        {
            path: 'rank',
            name: 'rank',
            component: () => import('../views/wangyiyun/finds/Rank.vue'),
            meta: { title: '排行榜' } // 给路由添加元信息，可以在路由守卫中使用 
        },
        {
            path: 'fm',
            name: 'fm',
            component: () => import('../views/wangyiyun/finds/FM.vue'),
            meta: { title: '私人FM' } // 给路由添加元信息，可以在路由守卫中使用 
        },
        {
            path: 'mv',
            name: 'mv',
            component: () => import('../views/wangyiyun/finds/MV.vue'),
            meta: { title: '新碟上架' } // 给路由添加元信息，可以在路由守卫中使用 
        },
        {
            path: 'singer',
            name: 'singer',
            component: () => import('../views/wangyiyun/finds/Singer.vue'),
            meta: { title: '歌手' } // 给路由添加元信息，可以在路由守卫中使用 
        }, {
            path: 'musicdite',
            name: 'musicdite',
            component: () => import('../views/wangyiyun/Musicdite.vue'),
            meta: { titie:'音乐详情' }
        
        }

    ]
},
{
    path: '/my',
    name: 'my',
    component: () => import('../views/wangyiyun/My.vue'), // 动态引入组件，打包时会把所有路由打包到一起，减少初次加载时间
    meta: { title: '我的音乐' } // 给路由添加元信息，可以在路由守卫中使用

},
{
    path: '/friend',
    name: 'friend',
    component: () => import('../views/wangyiyun/Friend.vue'),
    meta: { title: '关注' } // 给路由添加元信息，可以在路由守卫中使用

},
{
    path: '/musician',
    name: 'musician',
    component: () => import('../views/wangyiyun/Musician.vue'),
    meta:{titie:'音乐人'}
    //meta关键字的作用是给路由添加元信息，可以在路由守卫中使用

},

// {
//     path: '/musicdite/:id',
//     name: 'musicdite',
//     component: () => import('../views/wangyiyun/MusicDite.vue'),
//     meta: { titie:'音乐详情' }

// },
]
//创建路由实例
const router = createRouter({
    history:createWebHashHistory(),//hash模式路由地址，包含#号
    //routes,
    routes,
})

//默认导出，一般都会挂载到main.js中
export default router;